<template>
  <view class="publishPro">
    <view class="common">
      <u--textarea v-model="value2" placeholder="写下你想说的..." count maxlength="200" border="none"></u--textarea>
    </view>
    <view class="common uploadImg">
      <view v-for="(item, index) in 6" :key="index" class="img">
        <image :src="$mConfig.imageUrl + '/image/up_img.png'" class="camear_icon" @click="sendPhotoBtn()" ></image>
        <view class="close">
          <u-icon name="close" color="#fff" size="12"></u-icon>
        </view>
      </view>
    </view>
    <view class="common flex justify-between" @click="goPos">
      <view class="flex">
        <image :src="$mConfig.imageUrl + '/image/tuijian.png'" class="tuij"></image>
        选择推荐职位</view
      >
      <u-icon name="arrow-right" size="28rpx" color="#888"></u-icon>
    </view>
    <position-list />
    <bottom-button :isFixed="true" @sendFun="submit" text="确认发布"></bottom-button>
  </view>
</template>
<script>
export default {
  data() {
    return {
      value2: '',
    }
  },
  methods: {
    goPos() {
      uni.navigateTo({
        url: '/pages/careerCircle/recommendList',
      })
    },
    submit() {},
  },
}
</script>
<style>
page {
  background: #f3f5fa;
}
</style>
<style scoped lang="scss">
.publishPro {
  padding: 20rpx 30rpx;
  .common {
    background: #ffffff;
    border-radius: 10rpx;
    padding: 36rpx 40rpx;
    margin-bottom: 20rpx;
  }
  
  .tuij {
    width: 38rpx;
    height: 36rpx;
    margin-right: 14rpx;
  }
  .uploadImg{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    height: 400rpx;
    image{
      margin-bottom: 20rpx;
      width: 192rpx;
    height: 192rpx;
    }
    .img{
      position: relative;
      .close{
        position: absolute;
        background: rgba(0,0,0,0.5);
border-radius: 0rpx 10rpx 0rpx 0rpx;
padding: 10rpx;
z-index: 2;
right: 0;
top:0;
      }
    }
    .camear_icon{

    }
  }
}
</style>
